<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>企业责任</title>
  <!-- 链入css初始化 -->
  <link rel="stylesheet" href="../../css/base.css">
  <!-- 链入头部和底部通用样式 -->
  <link rel="stylesheet" href="../../css/reset.css">
  <link rel="stylesheet" href="../../css/common.css">
  <link rel="stylesheet" href="../../css/main.css">
  <!-- 链入首页主体样式 -->
  <link rel="stylesheet" href="../../css/index.css">
  <!-- 公共样式 -->
  <link rel="stylesheet" href="../../common/common.css">
  <link rel="stylesheet" type="text/css" href="../../css/animate.css">
  <!--<link rel="stylesheet" type="text/css" href="../../css/innovation/list1.css">-->
  <link rel="stylesheet" type="text/css" href="../../css/aboutUs.css">
  <!--[if lt IE 9]>

<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>

<![endif]-->
</head>

<body>
  <header></header>

  <div class="productList-container">
    <div class="common-container-img">
        <img src="../../img/aboutUs/banner.jpg" alt="" class="banner pc">
        <img src="../../img/mobile/dsz.jpg" alt="" class="banner mobile">
    <ul class="common-container-type clearfix show">
      <li>
      	<a href="groupProfile.html">
      	<img class="hides"
          src="../../img/select.jpg" alt=""><img class="icon" src="../../img/aboutUs/icon-1.png"
          alt=""><span>集团介绍</span>
      </a></li>
      <li class="active"><img class="hides"
          src="../../img/select.jpg" alt=""><img class="icon" src="../../img/aboutUs/icon-2.png"
          alt=""><span>董事长致辞</span></li>
      <li>
      	<a href="honor.html">
      	<img class="hides"
          src="../../img/select.jpg" alt=""><img class="icon" src="../../img/aboutUs/icon-3.png"
          alt=""><span>荣誉资质</span>
          </a>
      </li>
      <li >
      	<a href="responsibility.html">
      	<img class="hides"
          src="../../img/select.jpg" alt=""><img class="icon" src="../../img/aboutUs/icon-4.png"
          alt=""><span>企业责任</span>
          </a>
      </li>
    </ul>
</div>
<img src="../../img/mobile/dsz1.png" class="isMobile absolote dsz1">
      <img src="../../img/mobile/dsz2.png" class="isMobile absolote dsz2">
    <div class="aboutUs">
      <div class="titles1 ispc wow fadeIn ">董事长致辞</div>
      <div class="titleLine1 ispc wow fadeIn "><span></span></div>
      <div class="productText1  wow fadeIn">
      	<p>公司自创立以来，始终坚持“一顾国家、二顾民家、三顾员工”原则，</p>
      	<p>致富思源，恩泽社会，积极参与支教助学、精准扶贫、修路建桥、抗疫救灾等公益慈善活动，勇于 担当社会责任。</p>
      	<p>三十多年来，累计捐资2亿多元人民币用于公益事业，被评为“爱心企业”、</p>
      	<p>“精准扶贫行动优秀企业” 、“新冠肺 炎疫情防控优秀企业”、“国家扶贫 龙头企业”等荣誉称号，受到政府和社会各界高度赞誉。</p>
      </div>
      
  </div>
  <footer></footer>

	<script src="../../js/jquery-1.11.3.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/wow/1.1.2/wow.min.js"></script>
  <script src="../../js/common.js"></script>
  <script type="text/javascript">
    $(function () {
      $('header').load('../../template/header.html')
      $('footer').load('../../template/footer.html')

      var imgArr = ['../../img/production/banner_05.jpg', '../../img/production/banner_05.jpg', '../../img/production/banner_05.jpg', '../../img/production/banner_05.jpg', '../../img/production/banner_05.jpg']
      var listEle = []
      var url
      $('.selected').css({ 'background': 'url(../../img/production/select.png) no-repeat 100% 100%', 'color': '#fff','background-size': 'cover' }).find('span').css({'color': '#fff' })
      // $('.productList-container-type li').click(function () {
      //   var setTitle = $(this).find('span').html().split('类')[0]
      //   setDomEle(setTitle)
      //   $(this).css({ 'background': 'url(../../img/production/select.png) no-repeat 100% 100%', 'color': '#fff' }).siblings().css({ 'background': '#fff', 'color': '#000' })
      // })

      function setDomEle(setTitle) {
        listEle = []
        var setTitle = setTitle || '十三香'
        $('.titles').html(setTitle)
        $('.productText').html(setTitle + ' - 本品精选多种植物香辛料，经传统工艺炮制，现代技术精制而成')
        $('ul.list li').remove()
        // 兼容ie8
        for (var index = 0, len = imgArr.length; index < len; index++) {
          var item = imgArr[index]
          listEle.push('<a href="#' + url + '" target="_blank">'
            + '<li class="pull-left col-xs-3"><img src=' + item + ' alt=""></li>'
            + '</a>')
        }
        // imgArr.forEach(function (item, index) {
        //   listEle.push('<a href="#' + url + '" target="_blank">'
        //     + '<li class="pull-left col-xs-3"><img src=' + item + ' alt=""></li>'
        //     + '</a>')
        // })
        console.log(listEle.join(''))
        $('ul.list').append(listEle.join(''))
      }
      setDomEle()

      if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
        new WOW().init();
      };
    })



  </script>
</body>

</html>